<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>审核配置</title>
    <link rel="stylesheet" href="../../../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/styleReset.css">
    <link rel="stylesheet" href="../../css/examin.css">
</head>
<body class="examinSet-body">
<div class="examinSet">
    <!-- 内容主体区域 -->
    <div class="content-box" style="display: flex;height: 100%;">
        <!--塞内容位置-->

        <!--内容部分 start-->
        <div class="content-right-part">
            <div class="search-bar">
                <form class="form-inline">
                    <div class="form-group">
                        <label for="knowHouseName">知识库名称</label>
                        <input type="text" class="form-control" id="knowHouseName" placeholder="南京政务">
                    </div>
                    <a href="javascript:void(0)">
                        <button type="button" class="btn btn-primary form-inline-search" id="examineSetBtn">查询</button>
                    </a>
                </form>

            </div>

            <div class="card card-content examinSet-content" id="examinSetContent">

                <div class="data-list">
                    <table class="layui-table" lay-even="" lay-skin="nob">
                        <thead>
                        <tr>
                            <th>知识库</th>
                            <th>新增审核</th>
                            <th>修改审核</th>
                            <th>废止审核</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="examinSetList">
                        <tr data-id="11">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="12">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="13">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="14">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="15">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="16">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="17">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="18">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="19">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="delete-btn"><img src="../../image/delete.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="110">
                            <td>房产征税范围</td>
                            <td>
                                <button type="button" class="btn btn-link success-link newExamin-btn">
                                    <i class="glyphicon glyphicon-ok"></i>
                                </button>
                            </td>
                            <td>
                                <button type="button" class="btn btn-link warning-link change-btn">
                                    <i class="glyphicon glyphicon-remove"></i>
                                </button>
                            </td>
                            <td>
                                <button type="button" class="btn btn-link warning-link abolish-btn">
                                    <i class="glyphicon glyphicon-remove"></i>
                                </button>
                            </td>
                            <td>
                                <a href="procedureSet.html" class="edit-btn">
                                    <button type="button" class="btn btn-link">配置</button>
                                </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <!--分页功能 start-->
                    <div id="examinSetPage" class="page-box">

                    </div>
                    <!--分页功能 end-->
                </div>
            </div>
        </div>
        <!--内容部分 end-->
        <div class="clearfix"></div>
    </div>
</div>

<script src="../../../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../../../plugins/bootstrap.js"></script>
<script src="../../../../plugins/layui/layui.js"></script>
<script src="../../../../plugins/My97DatePicker/WdatePicker.js"></script>
<!--<script src="../../js/examin.js"></script>-->
<script>
    layui.use(['tree', 'layer','laypage','element'], function(){
        var layer = layui.layer
            ,element = layui.element
            ,laypage = layui.laypage
            ,$ = layui.jquery;

        /**
         * 审核管理-审核配置
         */
        // 知识管理分页
        laypage.render({
            elem: 'examinSetPage'
            ,count: 100
            // ,first: false
            // ,last: false
            // ,prev: '<em><</em>'
            // ,next: '<em>></em>'
            ,jump: function(obj){
                console.log(obj)
                // 当前页点击
                var currentPage = obj.curr;
                var resultData = [
                    {
                        id:0
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:1
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:2
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:3
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:4
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:5
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:6
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:7
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:8
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                    ,{
                        id:9
                        ,name:'知识库'
                        ,show:true
                        ,time:'2019.11.24 13:00'
                        ,creater:'张东阳'
                        ,createrNo:'D483924'
                    }
                ]
                var resultItemsTemp = ''
                for(var i = 0;i<resultData.length;i++){
                    resultItemsTemp += '<tr data-id="'+resultData[i].id+'">\n' +
                        '  <td>'+resultData[i].name+'</td>\n' +
                        '  <td><button type="button" class="btn btn-link success-link newExamin-btn"><i class="glyphicon glyphicon-ok"></i></button></td>\n' +
                        '  <td><button type="button" class="btn btn-link warning-link change-btn"><i class="glyphicon glyphicon-remove"></i></button></td>\n' +
                        '  <td><button type="button" class="btn btn-link warning-link abolish-btn"><i class="glyphicon glyphicon-remove"></i></button></td>\n' +
                        '  <td>\n' +
                        '     <a href="procedureSet.html" class="edit-btn"><button type="button" class="btn btn-link">配置</button></a>'+
                        '  </td>\n' +
                        '  </tr>'
                }
                $("#examinSetList").html(resultItemsTemp)
            }
        });
        // 审核管理-审核配置-查询按钮
        $(document).on('click','.examineSetBtn',function(){
            layer.msg('你点击的是"查询按钮"')
        })
        // 审核管理-流程配置-新增配置按钮
        $(document).on('click','.newExamin-btn',function(){
            layer.msg('你点击的是"新增审核"')
        })
        $(document).on('click','.change-btn',function(){
            layer.msg('你点击的是"修改审核"')
        })
        $(document).on('click','.abolish-btn',function(){
            layer.msg('你点击的是"废止审核"')
        })
    });
</script>
</body>
</html>
